<%@ taglib prefix="date" uri="http://www.springframework.org/tags/form" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html  ng-app="userFirst">
<head>
    <meta charset="utf-8">
    <title>智能报修系统——欢迎您，用户！</title>
    <link  type="text/css"  rel="stylesheet" href="<%= request.getContextPath()%>resources/css/style.css" />
    <link rel="stylesheet" type="text/css" href="<%= request.getContextPath()%>resources/css/head.css"/>
    <link rel="stylesheet" type="text/css" href="<%= request.getContextPath()%>resources/css/staffLeft.css"/>
    <link rel="stylesheet" type="text/css" href="<%= request.getContextPath()%>resources/css/userFirst.css" />

    <%--交互样式所需css--%>
    <link rel="stylesheet" type="text/css" href="<%= request.getContextPath()%>resources/css/jNotify.jquery.css"/>

    <script type="text/javascript">
        //进入用户首页，提示先去完善用户资料的js
        function closeWarn(){
            document.getElementById("warnInfor").style.display="none";
        }



        //报修时提醒选择问题小类的js
        function WarnQues(){
            document.getElementById("warnQues").style.display="block";
        }
        function openwindow(){
            document.getElementById("warnQues").style.display="block";
        }
        function closeWarnQues(){
            document.getElementById("warnQues").style.display="none";
        }
    </script>
    <script type="text/javascript" src="<%= request.getContextPath()%>resources/js/jquery.js"></script><!--jquery压缩包-->
    <script type="text/javascript" src="<%= request.getContextPath()%>resources/js/script.js"></script><!--用户评分代码-->
    <script type="text/javascript" src="<%= request.getContextPath()%>resources/js/jquery.min.js"></script>	<!--另外一个jquery压缩包-->
    <script type="text/javascript" src="<%= request.getContextPath()%>resources/js/uploadImg.js" charset="utf-8"></script><!--上传图片的代码-->
    <script type="text/javascript" src="<%= request.getContextPath()%>resources/js/angular.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="<%= request.getContextPath()%>resources/js/userFirstController.js" charset="utf-8"></script>
</head>
<body ng-controller="userFirstController">
<!--页面的头部开始-->
<div id="head">
    <div id="head_con">
        <p class="title">智能报修系统</p>
        <div id="head_right">
            <a href="#">收件箱</a>
            <button id="downloadAPP">APP下载</button>
        </div>
    </div>
</div>
<!--页面的头部结束-->

<!--页面的左边开始-->
<div id="staffLeft">
    <div id="staffLeftCon">
        <div id="staffInfo" >
            <p class="staffName">{{user.userName}}</p>
            <p class="staffNum">{{user.userAccount}}</p>
            <p class="place">用户</p>
        </div>
        <div id="operation">
            <ul >
                <li  class="active" ><a href="#">首页</a></li>
                <li  ng-click="baoxiujingdu()">报修进度</li>
                <li   ng-click="lookHistoryWork()">历史工单</li>
                <li >个人资料</li>
            </ul>
        </div>
        <div class="phoneNum">
            {{servicephone.name}} :{{servicephone.content}}
        </div>
    </div>
</div>
<!--页面的左边结束-->

<!--首页，创建工单报修开始-->
<div id="updateTask" class="search" style="display:block;">
    <p id="optionWord" class="optionWord">请选择问题描述:</p>

    <!--报修问题分类开始-->
    <div id="checkBox" class="checkBox">
        <form action="" method="get">
            <div class="left" ng-model="question">
                <select style="display: block;margin-top:50px" ng-model="selected" ng-change="chooseques()">
                    <option  class="one" name="Fruit" type="radio" value="{{x.one}},{{x.userName}},{{x.userPhone}}" ng-repeat="x in questions"  />{{x.one}}</option>
                </select>
                <h4 style="margin-top:30px;">您的选择是：{{selected}}</h4>
            </div>
        </form>
    </div>
    <!--报修问题分类结束-->

    <!--填写报修人的地址和电话开始-->
    <div id="positonTask" class="positionTask">
        <p id="positionWord" class="positionWord">请填写您的报修地点:</p>
        <input type="text" id="useraddress" ng-model="useraddress"  class="positionInput"/>
        <%--<p id="tellWord" class="tellWord">请填写您的电话:</p>--%>
        <%--<input type="text"  class="tellInput" ng-model="user_phone" />--%>
    </div>
    <!--填写报修人的地址和电话结束-->

    <!--工单提交按钮开始-->
    <div style="left:40%" class="updateButton" type="button" ng-click="test()" value="提交" />提交</div>
<!--工单提交按钮结束-->

<!--提示选择问题大类后面的小类开始-->
<div id="warnQues" class="warnInfor" style="display: none;">
    <img src="../../resources/img/关闭.png" onclick="closeWarnQues()" />
    <p >请选择该问题后面的小类哦！</p>
    <button onclick="closeWarnQues()">知道了</button>
</div>
<!--提示选择问题大类后面的小类结束-->



</div>
<!--首页，创建工单报修结束-->


<!--版权声明开始-->
<div id="footer" class="footer">
    <p class="footerWord">版权所有&nbsp;四川旅游学院</p>
</div>
<!--版权声明结束-->

<script type="text/javascript" src="<%= request.getContextPath()%>resources/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="<%= request.getContextPath()%>resources/js/jNotify.jquery.js"></script>

</body>

</html>
